<div class="cl-header">
  <div class="header-content container">
    <nav class="navbar navbar-expand-lg navbar-light">
      <a class="navbar-brand" href="/dblog/index/index.html">
        <div class="logo-container">
          <img src="/dblog/static/img/user/face.jpg" alt="logo" />
          <div class="logo-text">武汉前端开发蓝风</div>
        </div>
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item<%=nav === 'index' ? ' active' : ''%>">
            <a class="nav-link" href="/dblog/index/index.html">首页</a>
          </li>
          <% for(var i = 0; i < noteTypes.length; i++) { %>
          <li class="nav-item<%=typeof type === 'string' && type === noteTypes[i].id ? ' active' : ''%>">
            <a class="nav-link" href="/dblog/note/v/index.html?type=<%=noteTypes[i].id%>"><%=noteTypes[i].text%></a>
          </li>
          <% } %>
          <li class="nav-item<%=nav === 'user' ? ' active' : ''%>">
            <a class="nav-link" href="/dblog/user/v/about.html">联系我</a>
          </li>
        </ul>
      </div>
    </nav>
  </div>
</div>